<template>
    <div style="padding-left:20px;">
        <ruler1></ruler1>
        <ruler2></ruler2>
        <ruler3></ruler3>
        <ruler4></ruler4>
        <ruler5></ruler5>
        <ruler6></ruler6>
        <cake1></cake1>
    </div>
</template>

<script>
    import ruler1 from "@/components/ruler1";
    import ruler2 from "@/components/ruler2";
    import ruler3 from "@/components/ruler3";
    import ruler4 from "@/components/ruler4";
    import ruler5 from "@/components/ruler5";
    import ruler6 from "@/components/ruler6";
    import cake1 from "@/components/cake1";

    export default {
        name: "ruler",
        components: {
            ruler1, ruler2, ruler3, ruler4, ruler5, ruler6, cake1
        }
    }
</script>

<style scoped>

</style>
